<%--
  Created by IntelliJ IDEA.
  User: haol
  Date: 2017/8/31
  Time: 16:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<base href="<%=basePath%>">
<html lang="zn-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="format-detection" content="telephone=no"/>
    <title>商品详情</title>
    <link rel="stylesheet" href="css/base.css?v=201709071500">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/base.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/handle.js"></script>
    <script type="text/javascript" src="js/mall_lhx.js"></script>
    <style>
        .hiSlider{
            overflow: hidden;
            width: 500px;
            max-height: 262px;
            min-height: 180px;
            background: #fff;
        }
        .hiSlider-item{
            float: left;
            width: 100%;
            max-height: 100%;
        }
        .wrap {
            overflow: hidden;
            padding-bottom: 50px;
        }
    </style>
    <link rel="stylesheet" href="js/libs/hiSlider/jquery.hiSlider.css">
    <script type="text/javascript" src="js/libs/hiSlider/jquery.hiSlider.js"></script>

</head>
<body class="ed" style = "position:relative">
<div class="wrap" >
    <div class="banner">
        <ul class="hiSlider" id="detailPicSlider"></ul>
    </div>
    <h3 class="detail_title"><i id="detaiTitle"></i></h3>
    <div class="detail_content">
        <h4 class="detail_subtitle"> <i></i>
            详情
        </h4>
        <p class="detail_text" id="productDetail"></p>
    </div>
    <div class="purchase_box">
        <p>
            <span id='price'></span>
            元 <i id='orgPrice'></i>
        </p>
        <div class="purchaseBtn" onclick="goToOrder(productId)">购买</div>
    </div>
</div>

<div class="mall_nodata none">
    <img src="img/mall_nodata.png">
    <p>该商品信息已下架或删除</p>
</div>
<script type="text/javascript">
    var result = ${result};
     var productId = result.object.id;


    $(function () {
        drawProductDetail(result);
        $('#detailPicSlider').hiSlider({
            isFlexible: true, // 宽度自适应
            isShowControls: false, //是否显示分页按钮
            isAuto: false, //是否自动播放
            isShowTitle: false //是否显示标题栏
        });
    })
</script>
</body>
</html>